<template>
  <div class="type-c-w">
    <div class="title">
      <img :src="item.logo" alt=""/>
      {{ item.title }}
    </div>
    <div class="item">
      {{ item.level }}
    </div>
    <div class="item">
      {{ item.major }}
    </div>
    <div class="item">
      {{ item.time }}
    </div>
  </div>
</template>

<script>
export default {
  name: "TypeC",
  props: ['item']
}
</script>

<style lang="scss" scoped>
@import "src/assets/common";
.type-c-w {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px 30px;
  font-size: 12px;
  color: $c5;


  .item {
  }

  .title {
    display: flex;
    align-items: center;

    img {
      height: 20px;
      width: 20px;
      margin-right: 5px;
    }
  }
}


</style>